<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="数据采集平台"/>
    <meta name="keywords" content="dataCollection,kettle,数据采集"/>

    <!-- QQ分享卡片信息 -->
    <meta itemprop="name" content="数据采集平台"/>
    <meta itemprop="description" content=""/>
    <meta itemprop="image" content="https://cdn.jsdelivr.net/gh/jiangzeyin/Jpom-site/images/logo_small.jpg"/>

    <title>数据采集平台</title>

    <link rel="shortcut icon" href="https://cdn.jsdelivr.net/gh/jiangzeyin/Jpom-site@t1.0/favicon.ico">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jiangzeyin/Jpom-site/css/animate.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jiangzeyin/Jpom-site/css/icomoon.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/simple-line-icons@2.4.1/css/simple-line-icons.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/magnific-popup@1.1.0/dist/magnific-popup.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
    <!-- highlight.js -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@9.13.1/styles/zenburn.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jiangzeyin/Jpom-site/css/style.min.css">

    <!-- Modernizr JS -->
    <script src="https://cdn.jsdelivr.net/gh/jiangzeyin/Jpom-site/js/modernizr-2.6.2.min.js"></script>
    <!-- FOR IE9 below -->
    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/gh/jiangzeyin/Jpom-site/js/respond.min.js"></script>
    <![endif]-->
    <!-- 百度统计 -->
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?1acbde0eb1cc4225dcfe6d1143767a3d";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>

<body>

<!-- Loader -->
<div class="fh5co-loader"></div>
<div class="fh5co-page" id="app">

    <div id="fh5co-container">
        <div id="fh5co-home" class="js-fullheight-home" data-section="home"
             style="background-image: url(https://api.isoyu.com/bing_images.php);" data-stellar-background-ratio="0.5">
            <div class="container">
                <div class="col-md-6">
                    <div class="js-fullheight-home fh5co-copy">
                        <div class="js-fullheight-home fh5co-copy-inner"
                             style="padding-left: 11%; background-color: rgba(0,106,180,0.4)">
                            <h1>
                                <b style="font-size: 180%;margin-left:-10px">数据采集</b>
                                <span style="font-size: 50%">v{{version}}</span>
                            </h1>
                            <h2>一句话简介</h2>
                            <div style="margin-top: 100px">
                                <div>
                                    <a href="#" target="_blank"
                                       class="btn btn-primary btn-outline">演示站点</a>
                                    <a href="./docs/index.html" target="_blank"
                                       class="btn btn-primary btn-outline"><b>说明文档</b></a>
                                    <a href="https://gitee.com/uxue/dataCollection" target="_blank"
                                       class="btn btn-primary btn-outline">Gitee</a>
                                    <a href="#" target="_blank"
                                       class="btn btn-primary btn-outline"><b>API文档</b></a>
                                </div>
                                <br/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 导航 -->
        <div class="js-sticky">
            <div class="fh5co-main-nav">
                <div class="container">
                    <div class="fh5co-menu-1">
                        <span>
                            <img src="./logo.png"
                                 style="width: 120px;margin-right: 50px;" alt="logo"/>
                        </span>
                        <a href="#" data-nav-section="home">主页</a>
                        <a href="#" data-nav-section="start">开始</a>
                        <a href="#" data-nav-section="docs">文档</a>

                        <a href="#" data-nav-section="team">团队</a>
                        <a href="#" data-nav-section="contact">加入讨论</a>
                        <a href="#" data-nav-section="friends">友情链接</a>
                        <a href="#" onclick="window.open('#');">演示站点</a>
                    </div>
                </div>
            </div>
        </div>

        <div id="fh5co-about" data-section="start">
            <div class="fh5co-2col">

                <div class="fh5co-2col-inner left">

                    <div class="fh5co-tabs-container">
                        <ul class="fh5co-tabs fh5co-three">
                            <li class="active">
                                <a href="#" data-tab="marketing">简介</a>
                            </li>
                            <li>
                                <a href="#" data-tab="advantage">优势</a>
                            </li>
                            <li>
                                <a href="#" data-tab="strategy">安装</a>
                            </li>
                        </ul>
                        <div class="fh5co-tab-content active" data-tab-content="marketing">
                            <p>
                                简介
                            </p>
                            <ul class="checked">
                                <li>功能点一</li>
                                <li>功能点二</li>
                                <li>功能点三</li>
                            </ul>
                        </div>
                        <div class="fh5co-tab-content" data-tab-content="advantage">
                            <p>
                                优势
                            </p>
                            <ul class="checked">
                                <li>优势一</li>
                                <li>优势二</li>
                                <li>优势三</li>
                            </ul>
                        </div>
                        <div class="fh5co-tab-content" data-tab-content="strategy">
                            安装说明
                        </div>

                    </div>

                </div>

            </div>
            <div class="fh5co-2col fh5co-text" style="margin-top: 100px;">

            </div>
        </div>

        <div id="fh5co-services" data-section="docs">
            <div class="fh5co-video">
                <a href="#介绍视频"
                   class="popup-vimeo">
                    <i class="icon-play2"></i>
                </a>
                <span>Watch Video</span>
            </div>
            <div class="container">
                <div class="col-md-6 col-md-offset-3 text-center fh5co-heading">
                    <h2>dataCollection 是什么</h2>
                    <p>数据采集说明</p>
                </div>
                <div class="col-md-4">
                    <div class="service">
                        <div class="icon"><i class="icon-gears"></i></div>
                        <h3>功能一</h3>
                        <p>功能描述</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service">
                        <div class="icon"><i class="icon-support"></i></div>
                        <h3>功能二</h3>
                        <p>功能描述</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service">
                        <div class="icon"><i class="icon-linux"></i></div>
                        <h3>功能三</h3>
                        <p>功能描述</p>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="service">
                        <div class="icon"><i class="icon-hourglass-half"></i></div>
                        <h3>功能四</h3>
                        <p>功能描述</p>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="service">
                        <div class="icon"><i class="icon-dashboard"></i></div>
                        <h3>功能五</h3>
                        <p>功能描述</p>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="service">
                        <div class="icon"><i class="icon-user"></i></div>
                        <h3>功能六</h3>
                        <p>功能描述</p>
                    </div>
                </div>
                <div class="col-md-12 text-center">
                    <p>dataCollection的更多功能，期待你的探索：</p>
                    <p>
                        <a href="#演示站点" target="_blank"
                           class="btn btn-primary btn-outline">演示站点</a>
                        <a href="./docs/#/安装使用/开始安装" target="_blank"
                           class="btn btn-primary btn-outline">安装文档</a>
                        <a href="#API 文档" target="_blank"
                           class="btn btn-primary btn-outline">API 文档</a>
                    </p>
                </div>
            </div>
        </div>
        <!-- END fh5co-services -->

        <div id="fh5co-team" data-section="team">
            <div class="container">
                <div class="col-md-12 text-center fh5co-heading">
                    <h2>开发团队</h2>
                    <p>我们不是一个人在战斗</p>
                </div>
                <div class="col-md-3">
                    <div class="person">
                        <img src="#头像" alt=""
                             class="img-responsive">
                        <h3>名字</h3>
                        <h4> 一句话简介</h4>
                        <p>个性签名</p>
                        <ul class="social">
                            <li>
                                <a href="#主页" target="_blank"><i class="icon-home"></i></a>
                            </li>
                            <!--                            <li>-->
                            <!--                                <a href="http://weibo.com/loolly" target="_blank"><i class="icon-weibo"></i></a>-->
                            <!--                            </li>-->
                            <li>
                                <a href="#gitee" target="_blank"><i class="icon-github"></i></a>
                            </li>
                        </ul>
                    </div>

                </div>
                <div class="col-md-3">
                    <div class="person">
                        <img src="#头像" alt=""
                             class="img-responsive">
                        <h3>名字</h3>
                        <h4> 一句话简介</h4>
                        <p>个性签名</p>
                        <ul class="social">
                            <li>
                                <a href="#主页" target="_blank"><i class="icon-home"></i></a>
                            </li>
                            <!--                            <li>-->
                            <!--                                <a href="http://weibo.com/loolly" target="_blank"><i class="icon-weibo"></i></a>-->
                            <!--                            </li>-->
                            <li>
                                <a href="#gitee" target="_blank"><i class="icon-github"></i></a>
                            </li>
                        </ul>
                    </div>

                </div>
                <div class="col-md-3">
                    <div class="person">
                        <img src="#头像" alt=""
                             class="img-responsive">
                        <h3>名字</h3>
                        <h4> 一句话简介</h4>
                        <p>个性签名</p>
                        <ul class="social">
                            <li>
                                <a href="#主页" target="_blank"><i class="icon-home"></i></a>
                            </li>
                            <!--                            <li>-->
                            <!--                                <a href="http://weibo.com/loolly" target="_blank"><i class="icon-weibo"></i></a>-->
                            <!--                            </li>-->
                            <li>
                                <a href="#gitee" target="_blank"><i class="icon-github"></i></a>
                            </li>
                        </ul>
                    </div>

                </div>
                <div class="col-md-3">
                    <div class="person">
                        <img src="#头像" alt=""
                             class="img-responsive">
                        <h3>名字</h3>
                        <h4> 一句话简介</h4>
                        <p>个性签名</p>
                        <ul class="social">
                            <li>
                                <a href="#主页" target="_blank"><i class="icon-home"></i></a>
                            </li>
                            <!--                            <li>-->
                            <!--                                <a href="http://weibo.com/loolly" target="_blank"><i class="icon-weibo"></i></a>-->
                            <!--                            </li>-->
                            <li>
                                <a href="#gitee" target="_blank"><i class="icon-github"></i></a>
                            </li>
                        </ul>
                    </div>

                </div>
            </div>
        </div>
        <!-- END fh5co-team -->

        <div id="fh5co-contact" data-section="contact">
            <div class="container">
                <div class="col-md-12 text-center fh5co-heading">
                    <h2>加入讨论</h2>
                    <p>通过以下方式加入讨论，或为dataCollection添砖加瓦</p>
                </div>
                <div style="text-align: center;">

                    <div class="col-md-4">
                        <i class="icon-weixin"></i>
                        leo10761 (记得备注：GITEE-数据采集)
                    </div>
                    <div class="col-md-4">
                        <i class="icon-mail2"></i>
                        <a href="mailto:chen.1076@qq.com " target="_blank">chen.1076@qq.com </a>
                    </div>
                    <div class="col-md-4">
                        <i class="icon-git"></i>
                        <a href="https://gitee.com/uxue/dataCollection/issues" target="_blank">Gitee Issues</a>
                    </div>
                </div>

            </div>
        </div>
        <!-- END fh5co-friends -->

        <div id="fh5co-friends" data-section="friends" style="padding: 7em 0;">
            <div class="container">
                <div class="col-md-12 text-center fh5co-heading">
                    <h2>友情链接</h2>
                    <p>为dataCollection提供各种帮助和支持的朋友们，我们一起共奋进</p>
                </div>

                <div class="col-md-2 friend">
                    <a target="_blank" href="#">
                        <img src="#">
                    </a>
                </div>
                <div class="col-md-2 friend">
                    <a target="_blank" href="#">
                        <img src="#">
                    </a>
                </div>
            </div>
        </div>
        <!-- END fh5co-friends -->

        <footer id="fh5co-footer">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <p>
                            <small>赣ICP备15006623号</small>
                            <br/>&copy; 2020 dataCollection Project. All Rights Reserved.
                        </p>
                    </div>
                    <div class="col-md-6">
                        <ul class="fh5co-social">
                            <li>
                                <a href="https://www.35youth.cn" target="_blank">
                                    <i class="icon-home"></i>
                                </a>
                            </li>
                            <!--                            <li><a href="http://weibo.com/loolly" target="_blank"><i class="icon-weibo"></i></a></li>-->
                            <li>
                                <a href="https://gitee.com/uxue/dataCollection" target="_blank">
                                    <i class="icon-github"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </footer>
    </div>
    <!-- END fh5co-container -->
</div>
<!-- END fh5co-pages -->

<div class="gototop js-top">
    <a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
</div>

<!-- vue -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.min.js"></script>
<!-- jQuery -->
<script src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="https://cdn.jsdelivr.net/npm/jquery.easing@1.4.1/jquery.easing.min.js"></script>
<!-- Waypoints -->
<script src="https://cdn.jsdelivr.net/npm/waypoints@4.0.1/lib/jquery.waypoints.min.js"></script>
<!-- Stellar Parallax -->
<script src="https://cdn.jsdelivr.net/npm/jquery.stellar@0.6.2/jquery.stellar.min.js"></script>
<!-- Magnific Popup -->
<script src="https://cdn.jsdelivr.net/npm/magnific-popup@1.1.0/dist/jquery.magnific-popup.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/jiangzeyin/Jpom-site/js/magnific-popup-options.js"></script>
<script src="https://cdn.jsdelivr.net/npm/highlight.js@9.13.1/lib/highlight.min.js"></script>
<!-- Bootstrap -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<!-- Main JS -->
<script src="https://cdn.jsdelivr.net/gh/jiangzeyin/Jpom-site/js/main.min.js"></script>
<!-- version -->
<script src="https://dromara.gitee.io/jpom/docs/js/version.js"></script>
<script>
    var app = new Vue({
        el: '#app',
        data: {
            version: version || '2.4.2'
        }
    });
</script>
</body>
</html>
